import { View, Button } from '@tarojs/components';
import './index.less';
import Taro from '@tarojs/taro';

export default function Index() {
  // 跳转到take-parcel
  const onTakeParcel = () => {
    Taro.navigateTo({
      url: '/pages/take-parcel/index',
    });
  };

  return (
    <View className="take-parcel-readme">
      <View className="section service-time">
        <View className="section-title">服务时间</View>
        <View className="section-content">
          为方便社区居民，多多帮提供代取快递服务。您只需线上下单，我们将安排专人前往指定快递点为您取件，并安全送达您手中。
        </View>
      </View>

      <View className="section service-process">
        <View className="section-title">服务流程</View>
        <View className="section-content">
          通过小程序下单「代取快递服务」，工作人员取件后安全送达上门。
        </View>
      </View>

      <View className="section fee-standard">
        <View className="section-title">收费标准</View>
        <View className="section-content">
          <View className="fee-item">「小件」单件重量 <span className="green">≤ 5斤</span>：2元/次。</View>
          <View className="fee-item">「大件」单件重量 <span className="green">＞5斤且≤30斤</span>：5元/次。</View>
          <View className="fee-item">「特大件」单件重量 ＞30斤：请电话联系客服协商。</View>
        </View>
      </View>

      <View className="section notice">
        <View className="section-title">注意事项</View>
        <View className="section-content">
          <View className="notice-item">1. 请<span className="green">确保填写的取件信息准确无误</span>，以免造成取件失败。如因用户提供信息错误导致取件失败，费用不予退还。</View>
          <View className="notice-item">2. 如遇快递点排队等情况，取件时间可能会有所延长，敬请谅解</View>
          <View className="notice-item">3. 本服务仅提供代取快递服务，不承担快递丢失、损坏等责任。</View>
          <View className="notice-item">4. 如对服务有任何疑问，请及时联系客服（电话：158 6449 0503）。</View>
        </View>
      </View>

      <View className="submit-btn">
        <Button onClick={onTakeParcel}>前往下单</Button>
      </View>
    </View>
  );
}
